.side-item{position:fixed;top:52px;right:-100%;width:100%;background-color:#f9f9f9;padding:15px 14px 20px;z-index:9999;transition:transform .5s ease-in-out;-ms-transform:translateX(0);transform:translateX(0);overflow-y:scroll;box-sizing:border-box}.side-item.active{transform:translateX(-100%)}.item-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1.33%}.list-item{width:28%;height:30px;line-height:30px;list-style:none;text-align:center;margin:0 1.33% 6px 0;padding:0 5px;font-size:14px;border:1px solid #e4e4e4;border-radius:5px;background-color:#fff;overflow:hidden;text-overflow:ellipsis}.list-item a{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;font-size:16px;color:#fff;text-align:center;background-color:#1284f9}.popup img.popup-qr{margin:50px 0 30px 0;width:150px;height:150px}.popup .popup-text-close{position:absolute;top:15px;right:15px;width:40px;height:40px;font-size:20px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;border-radius:50%}